<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>极限库网站首页</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <!--顶部-->
        <div class="head">
            <div class="col-lg-1">
                <img src="images/logo.png" alt="" width="90px" height="48px">
            </div>
            <div class="col-lg-7"></div>
            <div class="col-lg-1" id="search">
                <img src="images/icon-search.png" alt="" width="26px" height="26px">
            </div>
            <div class="col-lg-1">
                <img src="images/icon-logo.png" alt="" width="43px" height="43px">
            </div>
            <div class="col-lg-1">
                <button class="sign">注册</button>
            </div>
            <div class="col-lg-1">
                <button class="log">登陆</button>
            </div>
        </div>
        <!--导航条-->
        <div class="nav">
            <div class="col-lg-4"></div>
            <div class="col-lg-8" id="nav_mini">    
                <ul class="list-unstyled list-inline">
                    <li>首页</li>
                    <li>品牌</li>
                    <li>单板用品</li>
                    <li>双板用品</li>
                    <li>滑雪通用</li>
                    <li>活动</li>
                    <li>关于极限库</li>
                    <li>App下载</li>
                </ul>
            </div>
        </div>
        <!--轮播图-->
        <div class="banner">
            <div class="col-lg-12">
                <a href="#" class="item">
                    <img src="images/banner-1.jpg" alt="">
                </a>
                <a href="#" class="item">
                    <img src="images/banner-2.jpg" alt="">
                </a>
                <a href="#" class="item">
                    <img src="images/banner-3.jpg" alt="">
                </a>
                <a href="#" class="item">
                    <img src="images/banner-4.jpg" alt="">
                </a>
                <ul id="tabs">
                    <li class="tab active"></li>
                    <li class="tab"></li>
                    <li class="tab"></li>
                    <li class="tab"></li>
                </ul>
            </div>
        </div>
        <!--板块分类-->
        <div class="kind">
            <div class="kind_title">
                <div class="col-lg-12">
                    <p class="title_en">PLATE CLASSIFICATION</p>
                </div>
                <div class="col-lg-12">
                    <p class="title_cn">板块分类</p>
                    <div class="line"></div>
                </div>
            </div>
            <div class="kind_text">
                <div class="col-lg-12">
                    <p>欢迎来到极限库——您的极限装备工具库</p>
                </div>
                <div class="col-lg-12">
                    <p>明确的种类分布，清晰的种类划分 为您的挑选提供方便快捷的帮助</p>
                </div>
            </div>
            <div class="kind_mod">
                <ul>
                    <li>
                        <div class="col-lg-4">
                            <a href="#">
                                <div class="kind_mod1">
                                    <img src="images/kind-1.jpg" alt="">
                                    <h3 class="name_en">SNOWBOARD</h3>
                                    <button class="name_cn">单板滑雪</button>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="col-lg-4">
                            <a href="#">
                                <div class="kind_mod2">
                                    <img src="images/kind-2.jpg" alt="">
                                    <h3 class="name_en">SKI</h3>
                                    <button class="name_cn">双板滑雪</button>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="col-lg-4">
                            <a href="#">
                                <div class="kind_mod3">
                                    <img src="images/kind-3.jpg" alt="">
                                    <h3 class="name_en">SKI  All</h3>
                                    <button class="name_cn">单双板通用</button>
                                </div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
         <!--各类品牌-->
        <div class="brand">
            <div class="brand_mini">
                <div class="brand_title">
                    <div class="col-lg-12">
                        <p class="title_en">ALL BRANDS</p>
                    </div>
                    <div class="col-lg-12">
                        <p class="title_cn" id="title_cn">各类品牌</p>
                        <div class="line" id="line"></div>
                </div>
                <div class="brand_mod">
                    <ul>
                        <div class="col-lg-12 list-unstyled list-inline">
                            <li>
                                <img src="images/brand_01.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_02.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_03.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_04.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_05.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_06.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_07.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_08.jpg" alt="">
                            </li>
                        </div>
                        <div class="col-lg-12 list-unstyled list-inline">
                            <li>
                                <img src="images/brand_11.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_12.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_13.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_14.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_15.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_16.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_17.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_18.jpg" alt="">
                            </li>
                        </div>
                        <div class="col-lg-12 list-unstyled list-inline">
                            <li>
                                <img src="images/brand_21.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_22.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_23.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_24.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_25.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_26.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_27.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_28.jpg" alt="">
                            </li>
                        </div>
                        <div class="col-lg-12 list-unstyled list-inline">
                            <li>
                                <img src="images/brand_31.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_32.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_33.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_34.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_35.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_36.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_37.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/brand_38.jpg" alt="">
                            </li>
                        </div>
                    </ul>
                </div>
            </div>
        </div>
        <!--最新产品-->
        <div class="product">
            <div class="product_mini">
                <div class="product_title">
                    <div class="col-lg-12">
                        <p class="title_en">NEW GOODS</p>
                    </div>
                    <div class="col-lg-12">
                        <p class="title_cn">最新产品</p>
                        <div class="line"></div>
                    </div>
                </div>
                <div class="product_mod">
                    <ul>
                        <div class="col-lg-12 list-unstyled list-inline">
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_01.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 Salomon Huck Knife Snowboard男款单板滑雪板</p>
                                        <h3>SALOMON
                                            <span>男-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_02.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 Salomon Huck Knife Pro Snowboard男款单板滑雪板</p>
                                        <h3>SALOMON
                                            <span>男-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_03.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>极限库单板滑雪毛绒玩具极限雪豹滑雪玩具</p>
                                        <h3>JIXIANKU
                                            <span>通用-玩具</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_04.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY Sunset 男女通用单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>通用-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_05.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY Girls 女款单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>通用-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </div>
                        <div class="col-lg-12 list-unstyled list-inline">
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_11.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY GoodFish 芬兰滑手kalle同款男女同款单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>通用-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_12.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY Summer 男女通用单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>通用-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_13.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY Pinky 儿童青少年单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>儿童-玩具</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_14.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY Dawn 男女通用单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>通用-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_15.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY Unicorn 男女通用单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>通用-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </div>
                        <div class="col-lg-12 list-unstyled list-inline">
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_21.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY Anniversary 五周年纪念款男女通用单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>通用-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_22.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY Hometown 男女通用单板滑雪板单</p>
                                        <h3>NOBADAY
                                            <span>通用-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_23.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY Heaven 女款单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>女-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_24.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY Doom 日本滑手武大晃同款男款单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>男-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_25.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>20/21 NOBADAY Dawn 男女同款单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>通用-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </div>
                        <div class="col-lg-12 list-unstyled list-inline">
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_31.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY MAX Parrot 加拿大冠军MAX同款男款单板滑雪板</p>
                                        <h3>SALOMON
                                            <span>通用-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_32.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY Kitten 男女通用单板滑雪板</p>
                                        <h3>SALOMON
                                            <span>男-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_33.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY CANDYPOP 女款单板滑雪板</p>
                                        <h3>JIXIANKU
                                            <span>通用-玩具</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_34.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY BEAUTY 男款单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>通用-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="image">
                                        <img src="images/product_35.jpg" alt="" width="200px" height="200px">
                                    </div>
                                    <div class="product_text">
                                        <p>21/22 NOBADAY 零夏小黑板男款单板滑雪板</p>
                                        <h3>NOBADAY
                                            <span>通用-滑雪板</span>
                                        </h3>
                                        <div class="see">
                                            <p>点击查看详情</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </div>
                        <div class="more">
                            <div class="col-lg-10"></div>
                            <div class="col-lg-2">
                                <a href="#">MORE &ensp; ▷</a>
                            </div>
                        </div>
                    </ul>
                </div>
            </div>
        </div>
        <!--活动内容-->
        <div class="activity">
            <div class="activity_mini">
                <div class="activity_title">
                    <div class="col-lg-12">
                        <p class="title_en">ACTIVITY CONTENT</p>
                    </div>
                    <div class="col-lg-12">
                        <p class="title_cn" id="title_cn">活动内容</p>
                        <div class="line" id="line">
                    </div>
                </div>
                <div class="activity_mod">
                    <div class="col-lg-5">
                        <img src="images/activity.jpg" alt="" width="700px" height="350px">
                    </div>
                    <div class="col-lg-5">
                        <div class="activity_mod_text">
                            <h3>极限库滑雪俱乐部二群限时开放咯~欢迎全国的雪友们前来交流！</h3>
                            <p>“极限”是什么？是指人类对身体所能够展现的无限潜力的开发状态。“滑雪”是什么？是指人们渴望与大自然共同呼吸交流的一种形式。当极限和滑雪相遇…会迸发出无限力量感染每一个想远离城市喧嚣的人！极限库 -将引领每一颗渴望跳出朝九晚五的心我们寻求冰雪的魅力，渴望征服高山的每一个角落来吧！加入极限库，在缆车最上方遇见最真实的自己2021雪季由于疫情原因去各地滑雪都受到一些限制，不过我们还是在能保证自身和别人健}</p>
                            <div class="anniu">
                                <div class="anniu_left"></div>
                                <div class="anniu_right" id="anniu_right"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--合作伙伴-->
        <div class="partner">
            <img src="images/partner_bg.jpg" alt="" width="1140px" height="500px">
            <div class="partner_mini">
                <div class="partner_title">
                    <div class="col-lg-12">
                        <p class="title_en">PARTNERS</p>
                    </div>
                    <div class="col-lg-12">
                        <p class="title_cn">合作伙伴</p>
                        <div class="line"></div>
                </div>
                <ul>
                    <div class="col-lg-4">
                        <li>
                            <img src="images/partner_01.jpg" alt="">
                        </li>
                    </div>
                    <div class="col-lg-4">
                        <li>
                            <img src="images/partner_01.jpg" alt="">
                        </li>
                    </div>
                    <div class="col-lg-4">
                        <li>
                            <img src="images/partner_01.jpg" alt="">
                        </li>
                    </div>
                </ul>
            </div>
        </div>
        <!--关于我们-->
        <div class="about">
            <div class="about_title">
                <div class="col-lg-12">
                    <p class="title_en">ABOUT US</p>
                </div>
                <div class="col-lg-12">
                    <p class="title_cn" id="title_cn">关于我们</p>
                    <div class="line" id="line">
                </div>
            </div>
            <div class="about_mod">
                <div class="col-lg-6">
                    <img src="images/about.png" alt="" width="350px" height="180px">
                </div>
                <div class="col-lg-6">
                    <div class="about_text">
                        <p><strong>极限库</strong>的成立旨在国内分享各大极限圈的产品信息，给广大国内极限爱好者提供一个较为完整的装备信息获取以及装备信息交流的平台。成立初期可能会产生由于资源不充足造成的产品种类不全，还请各位极限爱好者多多包涵，我们会尽全力补充品牌和种类。我们在这里也非常欢迎各位极限爱好者提供资源帮助我们更快的收集产品 如有兴趣可发资料给我们 我们将尽快回复收录结果 在这里我们诚挚的感谢您的付出。</p>
                    </div>
                </div>
            </div>
        </div>
        <!--底部-->
        <div class="footer">
            <div class="footer_up">
                <div class="col-lg-2">
                    <img src="images/footer_01.png" alt="" width="170px" height="90px">
                </div>
                <ul>
                    <div class="col-lg-1 list-unstyled list-inline">
                        <li>
                            <p class="tit">首页</p>
                            <p class="tex">最新产品</p>
                            <p class="tex">种类分布</p>
                            <p class="tex">活动内容</p>
                            <p class="tex">合作伙伴</p>
                        </li>
                    </div>
                    <div class="col-lg-1 list-unstyled list-inline">
                        <li>
                            <p class="tit">品牌</p>
                            <p class="tex">推荐品牌</p>
                            <p class="tex">全部品牌</p>
                        </li>
                    </div>
                    <div class="col-lg-1 list-unstyled list-inline">
                        <li>
                            <p class="tit">板块</p>
                            <p class="tex">单板滑雪</p>
                            <p class="tex">双板滑雪</p>
                            <p class="tex">滑雪通用</p>
                        </li>
                    </div>
                    <div class="col-lg-1 list-unstyled list-inline">
                        <li>
                            <p class="tit">活动</p>
                            <p class="tex">最新活动</p>
                        </li>
                    </div>
                    <div class="col-lg-1 list-unstyled list-inline">
                        <li>
                            <p class="tit">关于</p>
                            <p class="tex">关于我们</p>
                            <p class="tex">团队信息</p>
                        </li>
                    </div>
                </ul>
                
                <div class="col-lg-2">
                    <div class="footer_us">
                        <p class="tit">团队信息</p>
                        <p class="tex">地址：北京市海淀区</p>
                        <p class="tex">电话：13552287302</p>
                        <p class="tex">QQ： 527154335</p>
                        <p class="tex">邮箱：527154335@qq.com</p>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="wechat_01">
                        <p>极限库公众号</p>
                        <img src="images/footer_02.jpg" alt="" width="80px" height="80px">
                    </div>
                    <div class="wechat_02">
                        <p>联系人</p>
                        <img src="images/footer_03.jpg" alt="" width="80px" height="80px">
                    </div>
                </div>
            </div>
            <div class="footer_down">
                <p>Copyright @ 2022 . All rights reserved. jixianku.com</p>
                <p>京ICP备16001420号-6</p>
            </div>
        </div>
    </div>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jQ.js"></script>
    <script src="js/script.js"></script>
</body>
</html>